<template>
    <div class="nihao">
        <slot name="info-btn"></slot>
    </div>

</template>
<style scoped>
    .nihao:hover {
        cursor: pointer;
    }

    .info-btn:active {
        background-color: orange;
    }

    .info-btn {
        background-color: darkorange;
        color: white;
    }

    .dan-btn{
        background-color: darkred;
        color: aliceblue;
    }

    .dan-btn:active {
        background-color: red;
    }

    .nihao {
        user-select: none;
        width: 100px;
        display: flex;
        font-size: 20px;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 5px;
    }

</style>
<script>
    export default {
        name: "mButton"
    }
</script>

